<template>
  <div id="resourceNumber">
    <resource-number-search></resource-number-search>
    <table-features :callTotal="callTotal" :show="1"></table-features>
    <basic-table :header="tableHeader" :body="tableBody" :tableType="call"></basic-table>
    <pagination></pagination>
  </div>
</template>

<script>
import { createNamespacedHelpers } from 'vuex'
const { mapState } = createNamespacedHelpers('ResourceNumber')
export default {
  data () {
    return {
      callTotal: {
        count: 100,
        allDuration: 1,
        allCallNum: 1,
        allEffectiveHouseNum: 100,
        allEffectiveCustomerNum: 100,
        allInvalidCallNum: 100
      },
      tableHeader: [],
      tableBody: [],
      call: 'callInfo'
    }
  },
  watch: {
    header: function (val) {
      this.tableHeader = val
    },
    body: function (val) {
      this.tableBody = val
    }
  },
  computed: {
    ...mapState([
      'header',
      'body'
    ])
  },
  mounted () {
    // this.$store.dispatch('ResourceNumber/getResourceNumberInfoHeader')
    // this.$store.dispatch('ResourceNumber/getResourceNumberInfoBody')
  }
}
</script>

<style>
</style>
